<template>
	<view :style="$s.view_color">
		<u-popup :show="carShow" @close="hide()" :closeable="true" mode="bottom" :round="10">
			<scroll-view style="margin-top: 80rpx;" :scrollX="false" :scrollY="true">
				<view class="car-content">
					<u-parse :content="content" :lazyLoad="true" loadingImg="/static/images/img-loading.gif"></u-parse>
				</view>
			</scroll-view>
		</u-popup>
	</view>
</template>

<script>
export default {
	props: {
	},
	data() {
		return {
			carShow:false,
			content:'',
		};
	},
	watch: {
	},
	computed: {
	},
	methods: {
		open(id=null){
			this.$u.api.carInfo({car_id:id}).then(res=>{
				this.content=res.data.info.content;
				if(this.content==''){
					this.$c.info('车辆信息完善中')
				}else{
					this.carShow=true
				}
			});
		},
		hide(){
			this.carShow=false
		}
	}
};
</script>

<style lang="scss">
	.car-content{
		padding: 10rpx 20rpx;
		height: calc(100vh - 350rpx);
	}
</style>
